<!DOCTYPE html>
<!-- saved from url=(0037)http://www.hasbei.com/article/publish -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有贝口腔网-发布文章</title>
    <link rel="stylesheet" href="yb_system_css/reset.css">

    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script src="yb_system_js/common.js"></script>
    <script src="yb_system_js/jquery-3.5.1.min.js"></script>
    <script src="yb_system_js/footfixed.js"></script>

    <script src="yb_system_js/wangEditor.js"></script>
    <style type="text/css">.w-e-toolbar, .w-e-text-container, .w-e-menu-panel {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    .w-e-toolbar *, .w-e-text-container *, .w-e-menu-panel * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    .w-e-clear-fix:after {
        content: "";
        display: table;
        clear: both;
    }

    .w-e-toolbar .w-e-droplist {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff;
        border: 1px solid #f1f1f1;
        border-right-color: #ccc;
        border-bottom-color: #ccc;
    }

    .w-e-toolbar .w-e-droplist .w-e-dp-title {
        text-align: center;
        color: #999;
        line-height: 2;
        border-bottom: 1px solid #f1f1f1;
        font-size: 13px;
    }

    .w-e-toolbar .w-e-droplist ul.w-e-list {
        list-style: none;
        line-height: 1;
    }

    .w-e-toolbar .w-e-droplist ul.w-e-list li.w-e-item {
        color: #333;
        padding: 5px 0;
    }

    .w-e-toolbar .w-e-droplist ul.w-e-list li.w-e-item:hover {
        background-color: #f1f1f1;
    }

    .w-e-toolbar .w-e-droplist ul.w-e-block {
        list-style: none;
        text-align: left;
        padding: 5px;
    }

    .w-e-toolbar .w-e-droplist ul.w-e-block li.w-e-item {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding: 3px 5px;
    }

    .w-e-toolbar .w-e-droplist ul.w-e-block li.w-e-item:hover {
        background-color: #f1f1f1;
    }

    @font-face {
        font-family: 'w-e-icon';
        src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    [class^="w-e-icon-"], [class*=" w-e-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'w-e-icon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1; /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .w-e-icon-close:before {
        content: "\f00d";
    }

    .w-e-icon-upload2:before {
        content: "\e9c6";
    }

    .w-e-icon-trash-o:before {
        content: "\f014";
    }

    .w-e-icon-header:before {
        content: "\f1dc";
    }

    .w-e-icon-pencil2:before {
        content: "\e906";
    }

    .w-e-icon-paint-brush:before {
        content: "\f1fc";
    }

    .w-e-icon-image:before {
        content: "\e90d";
    }

    .w-e-icon-play:before {
        content: "\e912";
    }

    .w-e-icon-location:before {
        content: "\e947";
    }

    .w-e-icon-undo:before {
        content: "\e965";
    }

    .w-e-icon-redo:before {
        content: "\e966";
    }

    .w-e-icon-quotes-left:before {
        content: "\e977";
    }

    .w-e-icon-list-numbered:before {
        content: "\e9b9";
    }

    .w-e-icon-list2:before {
        content: "\e9bb";
    }

    .w-e-icon-link:before {
        content: "\e9cb";
    }

    .w-e-icon-happy:before {
        content: "\e9df";
    }

    .w-e-icon-bold:before {
        content: "\ea62";
    }

    .w-e-icon-underline:before {
        content: "\ea63";
    }

    .w-e-icon-italic:before {
        content: "\ea64";
    }

    .w-e-icon-strikethrough:before {
        content: "\ea65";
    }

    .w-e-icon-table2:before {
        content: "\ea71";
    }

    .w-e-icon-paragraph-left:before {
        content: "\ea77";
    }

    .w-e-icon-paragraph-center:before {
        content: "\ea78";
    }

    .w-e-icon-paragraph-right:before {
        content: "\ea79";
    }

    .w-e-icon-terminal:before {
        content: "\f120";
    }

    .w-e-icon-page-break:before {
        content: "\ea68";
    }

    .w-e-icon-cancel-circle:before {
        content: "\ea0d";
    }

    .w-e-icon-font:before {
        content: "\ea5c";
    }

    .w-e-icon-text-heigh:before {
        content: "\ea5f";
    }

    .w-e-toolbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 5px; /* flex-wrap: wrap; */ /* 单个菜单 */
    }

    .w-e-toolbar .w-e-menu {
        position: relative;
        text-align: center;
        padding: 5px 10px;
        cursor: pointer;
    }

    .w-e-toolbar .w-e-menu i {
        color: #999;
    }

    .w-e-toolbar .w-e-menu:hover i {
        color: #333;
    }

    .w-e-toolbar .w-e-active i {
        color: #1e88e5;
    }

    .w-e-toolbar .w-e-active:hover i {
        color: #1e88e5;
    }

    .w-e-text-container .w-e-panel-container {
        position: absolute;
        top: 0;
        left: 50%;
        border: 1px solid #ccc;
        border-top: 0;
        box-shadow: 1px 1px 2px #ccc;
        color: #333;
        background-color: #fff; /* 为 emotion panel 定制的样式 */ /* 上传图片的 panel 定制样式 */
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 5px;
        margin: 2px 5px 0 0;
        cursor: pointer;
        color: #999;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-close:hover {
        color: #333;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-title {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        margin: 2px 10px 0 10px;
        border-bottom: 1px solid #f1f1f1;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-title .w-e-item {
        padding: 3px 5px;
        color: #999;
        cursor: pointer;
        margin: 0 3px;
        position: relative;
        top: 1px;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-title .w-e-active {
        color: #333;
        border-bottom: 1px solid #333;
        cursor: default;
        font-weight: 700;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content {
        padding: 10px 15px 10px 15px;
        font-size: 16px; /* 输入框的样式 */ /* 按钮的样式 */
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content input:focus, .w-e-text-container .w-e-panel-container .w-e-panel-tab-content textarea:focus, .w-e-text-container .w-e-panel-container .w-e-panel-tab-content button:focus {
        outline: none;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content textarea {
        width: 100%;
        border: 1px solid #ccc;
        padding: 5px;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content textarea:focus {
        border-color: #1e88e5;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text] {
        border: none;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        height: 20px;
        color: #333;
        text-align: left;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text].small {
        width: 30px;
        text-align: center;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text].block {
        display: block;
        width: 100%;
        margin: 10px 0;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text]:focus {
        border-bottom: 2px solid #1e88e5;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button {
        font-size: 14px;
        color: #1e88e5;
        border: none;
        padding: 5px 10px;
        background-color: #fff;
        cursor: pointer;
        border-radius: 3px;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.left {
        float: left;
        margin-right: 10px;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.right {
        float: right;
        margin-left: 10px;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.gray {
        color: #999;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.red {
        color: #c24f4a;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button:hover {
        background-color: #f1f1f1;
    }

    .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container:after {
        content: "";
        display: table;
        clear: both;
    }

    .w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item {
        cursor: pointer;
        font-size: 18px;
        padding: 0 3px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

    .w-e-text-container .w-e-panel-container .w-e-up-img-container {
        text-align: center;
    }

    .w-e-text-container .w-e-panel-container .w-e-up-img-container .w-e-up-btn {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        color: #999;
        cursor: pointer;
        font-size: 60px;
        line-height: 1;
    }

    .w-e-text-container .w-e-panel-container .w-e-up-img-container .w-e-up-btn:hover {
        color: #333;
    }

    .w-e-text-container {
        position: relative;
    }

    .w-e-text-container .w-e-progress {
        position: absolute;
        background-color: #1e88e5;
        bottom: 0;
        left: 0;
        height: 1px;
    }

    .w-e-text {
        padding: 0 10px;
        overflow-y: scroll;
    }

    .w-e-text p, .w-e-text h1, .w-e-text h2, .w-e-text h3, .w-e-text h4, .w-e-text h5, .w-e-text table, .w-e-text pre {
        margin: 10px 0;
        line-height: 1.5;
    }

    .w-e-text ul, .w-e-text ol {
        margin: 10px 0 10px 20px;
    }

    .w-e-text blockquote {
        display: block;
        border-left: 8px solid #d0e5f2;
        padding: 5px 10px;
        margin: 10px 0;
        line-height: 1.4;
        font-size: 100%;
        background-color: #f1f1f1;
    }

    .w-e-text code {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        background-color: #f1f1f1;
        border-radius: 3px;
        padding: 3px 5px;
        margin: 0 3px;
    }

    .w-e-text pre code {
        display: block;
    }

    .w-e-text table {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .w-e-text table td, .w-e-text table th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 3px 5px;
    }

    .w-e-text table th {
        border-bottom: 2px solid #ccc;
        text-align: center;
    }

    .w-e-text:focus {
        outline: none;
    }

    .w-e-text img {
        cursor: pointer;
    }

    .w-e-text img:hover {
        box-shadow: 0 0 5px #333;
    }</style>
   <!-- <script src="yb_system_js/layer(1).js"></script>
    <link rel="stylesheet" href="yb_system_css/layer.css" id="layuicss-layer">-->
    <style>
        #form-title {
            display: inline-block;
            width: 100%;
            border: 0;
            outline: none;
            border-bottom: none;
            margin: 20px 0;
            color: #222;
            font-size: 24px;
            box-sizing: border-box;
            padding: 0 10px;
            background: #f5f5f5;
        }

        #editor > div {
            border: none !important;
        }

        .w-e-toolbar {
            background: #fff !important;
        }

        .tip-text {
            color: #999;
        }

        .editor-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            position: fixed;
            bottom: 0;
            width: 100%;
            background: #fff;
            padding: 10px;
            box-sizing: border-box;
        }

        .right-btn span {
            display: inline-block;
            width: 80px;
            height: 34px;
            line-height: 34px;
            cursor: pointer;
            border-radius: 2px;
            text-align: center;
        }

        .sure {
            background: #1E9FFF;
            color: #fff;
        }

        .close {
            background: #fff;
            border: 1px solid #dedede;
            color: #333;
            margin-left: 10px;
        }
    </style>
    <script type="text/javascript">
        function submit(title, content) {
            //var title=$("#title").val();
            //var content=$("#content").val();
            if (isBlank(title)) {
                alert("请输入标题");
                return;
            }
            //如果密码不为空
            if (isBlank(content)) {
                alert("请输入内容");
                return;
            }

            var data = {};
            data["title"] = title;
            data["content"] = content;
            $.ajax({
                type: "POST",
                url: basePath + "article/publish?t=" + new Date().getTime(),
                data: data,
                success: function (data) {
                    if (data.success) {
                        layer.msg("恭喜您，提交成功，待审核中");
                        layerClose(1000);//3s关闭
                    } else {
                        layer.msg(data.msg);
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert("链接错误,请联系管理员");
                }
            });
        }

        $(function () {
            //编辑器
            var E = window.wangEditor;
            var editor = new E('#editor');
            editor.customConfig.uploadImgServer = basePath + '/uploadFile';
            // 将图片大小限制为 1M
            editor.customConfig.uploadImgMaxSize = 1 * 1024 * 1024;
            editor.customConfig.uploadFileName = 'upfile';
            // 将 timeout 时间改为 10s
            editor.customConfig.uploadImgTimeout = 10000;
            editor.customConfig.customAlert = function (info) {//自定义错误提示信息
                layer.msg(info);
            }
            var menusArr = [
                'head',  // 标题
                'bold',  // 粗体
                'fontSize',  // 字号
                'fontName',  // 字体
                'italic',  // 斜体
                'underline',  // 下划线
                'strikeThrough',  // 删除线
                'foreColor',  // 文字颜色
                'backColor',  // 背景颜色
                'link',  // 插入链接
                'list',  // 列表
                'justify',  // 对齐方式
                'quote',  // 引用
                //'emoticon',  // 表情
                'image',  // 插入图片
                'table',  // 表格
                //'video',  // 插入视频
                // 'code',  // 插入代码
                'undo',  // 撤销
                'redo'  // 重复
            ];

            if (window.screen.width < 480) {//移动端
                menusArr = [
                    'head',  // 标题
                    'bold',  // 粗体
                    'fontSize',  // 字号
                    'fontName',  // 字体
                    'italic',  // 斜体
                    'foreColor',  // 文字颜色
                ];
            }

            editor.customConfig.menus = menusArr;

            editor.customConfig.onchangeTimeout = 1 // 单位 ms

            editor.customConfig.pasteTextHandle = function (content) {
                return delHtmlTag(content);//去除复制带来的标签代码
            }

            editor.customConfig.onchange = function () {
                var articallength = editor.txt.text().length;
                $(".length").text(articallength);
            }

            editor.customConfig.onfocus = function () {
                $(".tip-text").remove();
            }

            editor.create();


            $(".sure").click(function () {
                $(".tip-text").remove();
                var title = $("#form-title").val();
                var str = editor.txt.text();
                $(".length").text(str.length);

                title = trim(title);
                if (title == '' || title.length < 5) {
                    layer.msg("请输入五个字以上的文章标题");
                    return false;
                }
                if (str == '' || str == undefined) {
                    layer.msg("文章内容不能为空");
                    return false;
                }
                //提交内容
                submit(title, editor.txt.html());
            })

            $(".close").click(function () {
                var index = parent.layer.getFrameIndex(window.name);
                parent.layer.close(index);
            })
        })
    </script>
</head>
<body>
<form action="http://www.hasbei.com/article/publish">
    <input type="text" id="form-title" maxlength="100" placeholder="请输入文章标题（5-100个汉字）">
    <div id="editor">

        <!--<div style="background-color:#f1f1f1; border:1px solid #ccc;" class="w-e-toolbar"
             id="toolbar-elem4644233061166605">
            <div class="w-e-menu" style="z-index:10001;"><i class="w-e-icon-header"></i></div>
            <div class="w-e-menu" style="z-index:10001;">
                <i class="w-e-icon-bold"></i>
            </div>
            <div class="w-e-menu" style="z-index:10001;"><i class="w-e-icon-text-heigh"></i></div>
            <div class="w-e-menu" style="z-index:10001;"><i class="w-e-icon-font"></i></div>
            <div class="w-e-menu" style="z-index:10001;">
                <i class="w-e-icon-italic"></i>
            </div>
            <div class="w-e-menu" style="z-index:10001;">
                <i class="w-e-icon-underline"></i>
            </div>
            <div class="w-e-menu" style="z-index:10001;">
                <i class="w-e-icon-strikethrough"></i>
            </div>
            <div class="w-e-menu" style="z-index:10001;"><i class="w-e-icon-pencil2"></i></div>
            <div class="w-e-menu" style="z-index:10001;"><i class="w-e-icon-paint-brush"></i></div>
            <div class="w-e-menu" style="z-index:10001;"><i class="w-e-icon-link"></i></div>
            <div class="w-e-menu" style="z-index:10001;"><i class="w-e-icon-list2"></i></div>
            <div class="w-e-menu" style="z-index:10001;"><i class="w-e-icon-paragraph-left"></i></div>
            <div class="w-e-menu" style="z-index:10001;">
                <i class="w-e-icon-quotes-left"></i>
            </div>
            <div class="w-e-menu" id="w-e-img16395694936167882" style="z-index:10001;"><i class="w-e-icon-image"></i>
            </div>
            <div class="w-e-menu" style="z-index:10001;"><i class="w-e-icon-table2"></i></div>
            <div class="w-e-menu" style="z-index:10001;">
                <i class="w-e-icon-undo"></i>
            </div>
            <div class="w-e-menu" style="z-index:10001;">
                <i class="w-e-icon-redo"></i>
            </div>
        </div>-->
       <!-- <div  style="border:1px solid #ccc; border-top:none; height:300px; z-index:10000;" class="w-e-text-container">
            <div contenteditable="true" style="width:100%; height:100%;" class="w-e-text"
                 id="text-elem7994359911099236"><p class="tip-text">请输入相关口腔文章、资讯内容</p>
                <p><br></p></div>
        </div>-->
    </div>
    <div class="editor-footer">
        <div>字数 <span class="length">0</span></div>
        <div class="right-btn">
            <span class="sure">提交</span>
            <span class="close">取消</span>
        </div>
    </div>
</form>

</body>
</html>